<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*input{
				outline: none;
			}*/
		</style>
		<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script>
		<script>
			$(function(){
				$("ul li:even").css({"font-size":"40px"}); 
				$("ul li:odd").css({"background-color":"gray"});
				$("ul li:not(:first)").css("color","red");
				$("ul li:gt(3)").css("border","10px dotted red");
				
				$("input:focus").css({"border":"6px solid red"});
			});
		 
		</script>
		
	</head>
	<body>
		<div>
			<ul>
				<li>苹果</li>
				<li>梨子</li>
				<li>桃子</li>
				<li>柿子</li>
				<li>葡萄</li>
				<li>水蜜桃</li>
				<li>杏子</li>
				<li>芒果</li>
				<li>西瓜</li>
			</ul>
		</div>
		<input type="text" name="uname" />
	</body>
</html>
